<template>
  <Zi1></Zi1>
  <Zi2></Zi2>
  {{counterStore.count}}-->{{counterStore.msg}}-->{{counterStore.doubleCount}}
  <button @click="counterStore.addCount()">+</button>
  <button @click="counterStore.subCount()">+</button>
  <br>
  {{counterStore.user}}
  <img :src="counterStore.img" alt="">
  <a :href=counterStore.url>百度</a>
  <hr>
</template>


<script lang="ts" setup>

import Zi1 from "@/components/Zi1.vue";
import Zi2 from "@/components/Zi2.vue";
import {useCounterStore} from "@/stores/counter"
const counterStore = useCounterStore()
</script>

<style scoped>

</style>

